<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/subweb.css">
</head>

<body>
    <div class="header subw">
        <h1 class="logo">
            <img src="./images/subweb/login-logo.png" alt="">
        </h1>
    </div>

    <div class="content subw">
        <img src="./images/subweb/login-img.png" alt="">
        <div class="con-box">
            <form action="#" method="GET">
                <h2>
                    会员登录
                </h2>
                <div class="phone">
                    <i class="iconfont icon-shouji"></i>
                    <input type="text" name="num" value="手机号码">
                </div>
                <div class="pwd">
                    <i class="iconfont icon-suo"></i>
                    <input type="text" name="pwd" value="请输入密码">
                </div>
                <div class="msg">
                    <input type="text" value="请输入验证码">
                </div>
                <div class="rem">
                    <input type="checkbox" id="rem">
                    <label for="rem">记住账号</label>
                    <a href="#">忘记密码？</a>
                </div>
                <div class="login">
                    <input type="button" value="登录">
                </div>
                <div class="free">
                    还没有账号?
                    <a href="#">免费注册</a>
                </div>
            </form>
        </div>
    </div>

    <div class="footer subw">
        <ul class="f-list fl clearfix">
            <li>
                <a href="#">
                    关于我们
                </a>
            </li>
            <li>
                <a href="#">
                    联系我们
                </a>
            </li>
            <li>
                <a href="#">
                    加入我们
                </a>
            </li>
            <li>
                <a href="#">
                    商家
                </a>
            </li>
            <li>
                <a href="#">
                    趣运动手机版
                </a>
            </li>
        </ul>

        <p class="fr">
            <i class="iconfont icon-shizhong1"></i>
            10:00-21:00
        </p>

        <p class="fr">
            <i class="iconfont icon-icon--"></i>
            4000-410-480
        </p>
    </div>

    <div class="last subw">
        ©2014 趣运动 quyundong.com 粤ICP备14021879号-2
    </div>
</body>

</html>